import { IChatToolBar } from 'types/ChatToolBar'
import style from '../index.less'
import EmojiPopover from './EmojiPopover'

export default function ChatToolsBar({ tools = [], onEmojiSelect }: IChatToolBar) {
  return (
    <div className={style.emoji_content}>
      {typeof onEmojiSelect === 'function' && <EmojiPopover onSelect={onEmojiSelect} />}
      {tools.map((tool) => tool)}
    </div>
  )
}
